.taiji{
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    transform: rotate(45deg);
    /* overflow: hidden; */

}
/* .taiji::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
}
.taiji::after{
    z-index: -2;
    filter: blur(20px);
    background: linear-gradient(to right,rgba(0, 0, 0,0),rgb(255, 255, 255));
} */

.taijiBor{
    position: relative;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right,black 50%,white 50%);
    opacity: 0.15;
    border-radius: 50%;
}
.black,.white{
    margin: 0 auto;
    position: relative;
    width: 50%;
    height: 50%;
    box-sizing: border-box;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.black{
    background-color: #000;
}
.white{
    background-color: #fff;
}

.whiteBall,.blackBall{
    width: 25%;
    height: 25%;
    border-radius: 50%;
}
.whiteBall{
    background-color: #fff;
}
.blackBall{
    background-color: #000;
}
